/* JSON 查看器组件主题样式 */

.json-viewer {
    background-color: var(--theme-json-converter-viewer-bg) !important;
    color: var(--theme-json-converter-viewer-text) !important;
}

.json-viewer-placeholder {
    color: var(--theme-json-converter-viewer-placeholder) !important;
}

/* JSON 节点主题样式 */
.json-node-toggle:hover {
    background-color: var(--theme-bg-hover) !important;
}

.json-node-toggle-icon {
    color: var(--theme-json-converter-header-subtitle) !important;
}

.json-node-toggle-name {
    color: #3b82f6 !important;
}

.json-node-toggle-bracket {
    color: var(--theme-json-converter-header-subtitle) !important;
}

.json-node-toggle-count {
    color: var(--theme-json-converter-header-subtitle) !important;
}

.json-node-content {
    border-left: 1px solid var(--theme-json-converter-border) !important;
}

.json-node-content-closing {
    color: var(--theme-json-converter-header-subtitle) !important;
}

.json-node-simple-name {
    color: #3b82f6 !important;
}

.json-node-simple-value--string {
    color: #10b981 !important;
}

.json-node-simple-value--number {
    color: #f59e0b !important;
}

.json-node-simple-value--boolean {
    color: #8b5cf6 !important;
}

.json-node-simple-value--null {
    color: var(--theme-json-converter-header-subtitle) !important;
}

.json-node-simple-value--default {
    color: var(--theme-json-converter-viewer-text) !important;
}
